
*{
  padding: 0;
	border: 0;
	margin: 0;
	list-style: none;
  text-decoration: none;
}
html {
  font-size:16px;
  width:100%;
  overflow-x: hidden;
}
html,body,#app{
  height: 100vh;
}

.text-a-l{
  text-align: left
}
.text-a-r{
  text-align: right ;
}
.text-a-c{
  text-align: center ;
}

iColor()
  color:arguments

iMargin()
  margin:arguments

iFont_size()
  font-size: arguments

.ellipsis
  white-space nowrap
  text-overflow ellipsis
  overflow hidden

iBackground()
  background: arguments

.Row
  width: 1180px
  iMargin(0 auto)

.span_font_14, .span_font_12, .span_font_16, .span_font_20, .span_font_28, .span_font_48,
.span_font_72{
  font-family:  "微软雅黑 Light", "微软雅黑 Regular", "微软雅黑";
  font-weight: 200;
  font-style: normal;
}
.span_font_14
    font-size: 0.875rem;

.span_font_16
    font-size: 1rem;
  
.span_font_12
    font-size: 0.75rem;

.span_font_28
    font-size: 1.75rem;

.span_font_20
    font-size: 1.25rem;

.span_font_48
    font-size: 3rem;

.span_font_72
    font-size: 3rem;

.float_l
    float: left ;
  
.float_r
    float: right

.iPrimarys
  padding: 0.475rem 2rem;
  font-size: 0.875rem;
  border-radius: 0
  color: #fff;
  background-color: rgba(49, 160, 227, 1)

  
//头部
.aDefault
    iColor(rgb(190,199,211))
    &:hover
     iColor(#fff)
#menu_header
  line-height: 3.125rem; 
  background-color: rgba(51, 51, 51, 1);
.Main_header
  @extend .Row
  overflow hidden;
  .header_title
      background-image: url(/app/assets/img/u246.svg);
      display: inline-block;
      width: 11.8125rem;
      height: 30px;
      vertical-align: middle;
  ul
    height 50px
    overflow hidden
  ul li
    @extend .float_l, .span_font_14
    font-weight: 400
    iMargin(0 1.25rem) 
    a
      @extend .aDefault
  ul li.acive
    a
      border-bottom: solid 3px rgb(49,160,227);
      display: inline-block;
      height: 50px;
  .header_right
    img
      vertical-align: middle;
    ul
      @extend .float_r
    .ddApp,
    .download
      display: inline-block
      height: 22px
      width: 22px
    .ddApp
        background: url(/app/assets/img/u73.svg) no-repeat
    .download
      background: url(/app/assets/img/u378.svg) no-repeat
    div.ivu-select-dropdown
      position: fixed !important;
      left: auto !important;
      top: 45px !important;
      margin-left: -2px;
    div.ivu-select-dropdown ul
      height: auto;
    .ivu-select-dropdown:before 
      content: '';
      position: fixed;
      top: 45px;
      margin-left: 1rem;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-bottom: 6px solid #fff;



.mian_content
  height: 100%;
  padding-top: 50px

//屏幕内容最小高度
.view-heigth
  min-height: 45rem;

.iBanner
  background-color: rgb(49,160,227)
  height 30rem
  width: 100%
  position: relative;
  z-index: 0

//社区主内容
#community_content
  .community_content_top
    line-height: 5rem
    @extend .Row
    .span_Promary
     iColor(rgb(49,160,227))
    .span
      iMargin(0 0.5rem 0 0.5rem)
      iColor(rgb(153, 153, 153))
      @extend .span_font_14

    button 
      border-radius: 0;
      iMargin(0 0 0 1.5rem)
      padding: 0.475rem 2rem;
      iFont_size(1rem)
    .feature
      section
        display inline-block
        width: 2.5rem
        input 
          width: 100%;
          border: none;
          height: 2.5rem;
          background-color: rgb(242,242,242)
          text-indent: 1em;
          @extend .span_font_14
          font-weight: 400
      section.input_active
        width 18.75rem 
      i
        display inline-block
        width 1rem
        height 1rem
        iBackground(url(/app/assets/img/u2477.svg) no-repeat)
        vertical-align: middle;
        position: relative;
        z-index: 9;
        margin-left: -2rem;
  .show_content
    background-color: rgb(242,242,242)
    padding:0 0 2.375rem 0
    .banner
      @extend .iBanner
    .show_article 
      margin-top: -25.4375rem
      position: relative;
      z-index: 2
      padding 2rem 4.75rem
      background-color: white
      @extend .Row, .view-heigth
      #articleList 
        header
          padding:0 0 1.5rem 0.85rem;
          span
            @extend .span_font_14
            iColor(#666666)
            font-weight: 400
            display: inline-block
            iMargin(0 0.5rem)
            cursor pointer
          span.Actions 
            iColor(#31A0E3)
        section 
          line-height: 1.5375rem;
          padding: 0 0 1.5rem 1.25rem;
          .title_show
            padding-left: 0.5rem;
            width: calc(100% - 2.4rem);
            display: inline-block;
            line-height: 1.85rem;
            iFont_size(1rem);
            iColor(#333333);
            @extend .ellipsis
            &:hover
              iColor(#31A0E3)
          .No1_lable
          .No2_lable
            padding: 2px 0.3rem 2px 0.3rem;
            color: white;
            vertical-align: top;
            display inline-block
          .No1_lable
            background-color: rgb(255,96,49);
          .No2_lable
            background-color: rgb(102,204,153);
          .footer
            iFont_size(0.75rem)
            iColor(#999999)
            .footer_left img 
              vertical-align: sub
              width: 1.25rem
              height 1.25rem
            .footer_left span 
              iMargin(0 1rem 0 0)
            .footer_right
              span 
                iMargin(0 0.3rem)
              .read
              .reply
                width 0.875rem
                height 0.875rem
                iMargin(0 0.5rem)
                display: inline-block
                vertical-align: text-top
              .read
                iBackground( url(/app/assets/img/u264.svg) no-repeat)
              .reply       
                iBackground( url(/app/assets/img/u236.svg) no-repeat) 
        footer
          text-align: center
          margin-top:2.5rem
          section,div span
            display inline-block
            overflow hidden
          section
            span
              cursor pointer
              vertical-align: top;
              padding-right: 0.5rem;

          div
            span
              width: 0.625rem;
              height: 0.625rem;
              margin: 0 1px 1px 0;
              @extend .float_l

            
            



//左侧导航
  #menu_nav
    line-height 2.5rem
    ul
      overflow hidden
    ul li
      @extend .float_l, .span_font_16
      iColor( #333333)
      line-height: 4.82rem;
      cursor: pointer
      margin-right:  3rem
      b
        display: inline-block
    ul li.Actions
      b
        border-bottom: 3px solid #31A0E3


//首页
#home_entry
  .home_content
    .banner_content
      iColor(white)
      img
        position: fixed;
        z-index: -1;
        width: 100%;
        height 40rem;
      section
        padding-top:10.5rem
        h3
          @extend .span_font_28
        h1
          @extend .span_font_48
        .watch_link
          iColor(white)
          line-height: 2rem;
          padding-bottom: 1.5rem;
          display: inline-block;
          font-weight: 400;
          @extend .span_font_14
          &:hover
            iColor(#31A0E3);
        .try_out
          padding: 0.5rem 2rem;
          border:solid 1px white;
          width: 11.25rem
          font-weight: 400;
          cursor pointer
          @extend .text-a-c ,.span_font_14
          &:hover
              border-radius: 5px
              transition: all .8s;
      footer
        padding-top: 12rem;
        line-height: 1.5rem
        padding-bottom: 1rem
        a
          iColor(rgb(49, 160, 227))
    article.describe
      padding:6.375rem 0;
      background-color: white;
      section
        overflow hidden
        h3
          @extend .span_font_28,.text-a-c
          font-weight: 400
          iMargin(0 0 3rem 0)
        .sub_content
          width: 336px
          &:nth-child(3)
            iMargin(0  5.35rem)
          @extend .float_l
          header
            height 13.75rem
            @extend .text-a-c
            i
              width: 8rem
              height 8rem
              display: inline-block
              iMargin(3rem 0 0 0)
              transition all .8s
              &:hover
                iMargin(0 0)
                transition all .8s
            .describe1
              iBackground( url(/app/assets/img/u214.svg) no-repeat)
            .describe2
              iBackground( url(/app/assets/img/u215.svg) no-repeat)
            .describe3
              iBackground( url(/app/assets/img/u216.svg) no-repeat)
          div
            p
              iFont_size(0.875rem)
              iColor(rgb(102, 102, 102))
              line-height: 1.4rem
            h4
              @extend .text-a-c
              iFont_size(1.25rem)
              iColor(#333333)
              font-weight: 400
              line-height: 3rem

    article.banner
      background-color:rgba(231,232,234,0.9)
      section
        padding:6.375rem 0 8.375rem 0;
        @extend .text-a-c
        h3
          @extend .span_font_28
          font-weight: 400;
          padding-bottom: 2.4rem
        h4
          @extend .span_font_20
          font-weight: 400;
          padding: 0.6rem 0
        p
          @extend .span_font_14
          font-weight: 400;
        .ivu-carousel-dots-inside
          margin-top:1.6rem;
          bottom: auto
        .ivu-carousel-dots li button
          width 0.5rem
          height 0.5rem
          border-radius: 100%
        .ivu-carousel-active button 
          background-color: rgb(49,160,227)

    article.characteristic
      background-color: rgba(51,51,51,0.9)
      section
        padding:6.375rem 0 ;
        overflow hidden
        h3
          @extend .span_font_28, .text-a-c
          font-weight: 400
          iColor(#FF6031)
          padding-bottom: 4rem;
        ul li
          width: 50%
          padding: 0 5rem  0.5rem 0
          min-height: 8.125rem
          @extend .float_l
          h5
            @extend .span_font_16
            font-weight: 400
            padding: 1rem 0
            iColor(#CCCCCC)
          p
           line-height: 1.4rem; 
           iColor(#999999) 
           @extend .span_font_14
           font-weight: 400
           a
            display: inline-block;
            position: relative;
            transform: translateY(100%)

    article.apply_for
      background-color: rgb(242,242,242)
      section
        padding:6.375rem 0 4.375rem 0 ;
        form 
          textarea
            height 7.5rem
            resize none
            border none
          .blank_l
            padding-left: 0.4375rem
          .blank_r
            padding-right: 0.4375rem
          .ivu-select-single .ivu-select-selection,input.ivu-input,
          .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
          .ivu-select-single .ivu-select-selection .ivu-select-selected-value
            height 40px
            line-height: 40px
            border-radius: 0
            background-color: white
            border:none
          .submit
            margin-top:1.5rem 
            border-radius: 0
            border:none
            background-color:rgb(49,160,227);
            width: 100%;
            padding: 0.65rem 0;
            @extend .span_font_14
            font-weight: 400



//定价
  #iPricings
    background-color: rgb(242,242,242)
    article
      @extend .Row,.view-heigth
      margin-top: -25.4375rem
      position: relative;
      z-index: 2
      .top
        color: white;
        h3
          @extend .span_font_28
        div
          @extend .span_font_12 
          font-weight: 400
          line-height: 2.2rem
          i
            width: 2rem
            height 2rem
            display: inline-block
            vertical-align: middle;
            &:nth-child(1)
              iBackground(url(/app/assets/img/u252.svg) no-repeat)
              margin: 0 1rem;
            &:nth-child(2)
              iBackground(url(/app/assets/img/u251.svg) no-repeat)
      section
        margin-top: 1.5rem
        ul
          overflow hidden
        ul li 
          @extend .float_l, .text-a-c
          background-color: white
          margin-right:  1.58rem
          width: 17.25rem
          padding: 1rem 2rem
          button.iPrimarys
            cursor pointer
          h3
            @extend .span_font_28
            font-weight: 400
            line-height: 3rem;
          .span_font_72
            font-weight: 400
            &:before
              content: '￥';
              width: 1rem;
              height: 1rem;
              font-size: 1rem;
              position: absolute;
              margin: 0.8rem 0 0 -1.1rem;
            &~span 
              display inline-block
              margin-left: 0.1rem
              @extend .span_font_14
              font-weight: 400
          .recommend
            @extend .span_font_14
            font-weight: 400
            p
              height 5rem;
            p.row_Height
                line-height: 5rem
          header
            color: #666666;
          &:nth-child(2)
            header
              color: #31A0E3    
          &:nth-child(3)
            header
              color: #66CC99
          &:nth-child(4)
            margin-right: 0
            header
              color: #FF8D30


#help_introduce
  background-color: rgb(255,255,255)
  .iBanner
    height 10rem
  article
    @extend .Row,.view-heigth
    margin-top: -5.975rem
    position: relative;
    z-index: 2
    .top
      color white
      line-height: 2.5rem
      padding-bottom: 4rem
      h3
        @extend .span_font_28
      input 
        text-indent: 1.5em
        border-radius: 3px
        width: calc(100% - 1rem);
      .seek
        iBackground(url(/app/assets/img/u358.svg) no-repeat)
        margin-left: -1.8rem;
        display inline-block
        width: 1rem
        height 1rem
        vertical-align: text-bottom;
      .iHot_word
        display inline-block
        padding-left: 0.5rem
        span
          display inline-block
          margin-left: 1.2rem


 
//加载动画
.displauNone
    display: none
.displau-l-b
    display inline-block

#transition_loading
  @extend .displau-l-b

.showLoading1
  height 1.5rem
  width: 1.5rem
  vertical-align: sub;
  span
    animation: Loading 1s infinite 
  span:nth-child(1)
    animation-delay: 0s
  span:nth-child(2)
    animation-delay: .25s
  span:nth-child(3)
    animation-delay: .75s
  span:nth-child(4)
    animation-delay: .5s

@keyframes Loading{ 
  from{
    background-color:rgb(49,160,227)  
  }
  to{
    background-color:rgb(224,224,224)
  }
}    
    

